<!--{template 'header','buyhelp'}-->

<!--内页导航 end-->
<div class="layout960">
	<ul class="inner-nav fn-clear">
		{loop $TYPES $id $name}
		<li><a href="{url('buyhelp/driveList','catid='.$id)}" title="{$name}">{$name}</a></li>
		{/loop}
	</ul>
</div>
<!--主体部分 start-->
<div class="layout960 mt10 fn-clear">
<div class="layout650 fn-left">
<div class="buy-helper-top fn-clear">
	<!--图片轮转-->
	<div id="J_Ronate" class="index-img-rotate fn-left fn-clear">
		<ul>

			{loop $PicDrive $id $info}
			<li {if $id==0}class="magic-img-now"{/if} >
				<a href="{url('guide/show','itemid='.$info[itemid])}" target="_blank" title="{$info[title]}">
					<img src="{Picture::thumb($info['thumb'], 325, 240)}" width="325" height="240" alt="{$info[title]}"></a>
				<p class="opacity"><a href="{url('guide/show','itemid='.$info[itemid])}" target="_blank" title="{$info[title]}">{$info[title]}</a></p>
			</li>
			{/loop}
		</ul>

		<a class="pre" href="javascript:void(0)"></a>
		<a class="next" href="javascript:void(0)"></a>
		<div class="index-vector">
			{loop $PicDrive $id  $info}
			<span {if $id==0}class="active"{/if}></span>
			{/loop}
		</div>


	</div>
	<!--图片轮转 end-->
	<!--最新试驾-->
	<div class="layout-3col first fn-right">
		<div class="hd-rec-radius fn-clear">
			<h3 class="cblue fn-left">热门试驾</h3>
		</div>
		<ul class="ul-blue mt10">

		{loop $HotDrive $id $info}
		<li>
			<a class="text-ellipsis" href="{url('guide/show','itemid='.$info[itemid])}" title="{$info[title]}" target="_blank">{$info[title]}</a>
			<span>{date('Y-m-d',$info[edittime])}</span>
		</li>
		{/loop}

		</ul>
	</div>
</div>
<!--试驾-->
<div id="J_NewInfo" class="panel-rec-radius mt10">
	<div class="hd-rec-radius hd-26 fn-clear">
		<h3 class="fn-left">最新试驾</h3>
		<a href="{url('buyhelp/driveList')}" title="更多" class="more">更多>></a>
		<ul class="hd-link fn-right">
			{loop $TYPES $id $name}
			<li><a href="{url('buyhelp/driveList','catid='.$id)}" title="{$name}">{$name}</a></li>
			{/loop}
		</ul>
	</div>
	<div class="try-list content fn-clear" >

		<ul class="img-news fn-left fn-clear">

			{loop $PicRecommend $id $info}
			<li>
				<a class="img" href="{url('guide/show','itemid='.$info[itemid])}" target="_blank" title="{$info[title]}">
					<img src="{Picture::thumb($info['thumb'], 140, 110)}" width="140" height="110" alt="{$info[title]}">
				</a>
				<a class="text-ellipsis" href="{url('guide/show','itemid='.$info[itemid])}" target="_blank" title="{$info[title]}">
					{$info[title]}
				</a>
			</li>
			{/loop}

		</ul>
		<ul class="ul-blue fn-left">
			{loop $latestDrive $id $info}
			{if $id<20}
			<li>
				<a class="text-ellipsis" href="{url('guide/show','itemid='.$info[itemid])}" title="{$info[title]}" target="_blank">{$info[title]}</a>
				<span>{date('Y-m-d',$info[edittime])}</span>
			</li>
			{/if}
			{/loop}

		</ul>
	</div>
</div>
<!--试驾视频-->
<div class="try-video panel-rec-radius mt10">
	<div class="hd-rec-radius hd-26 fn-clear">
		<h3 class="fn-left">试驾视频</h3>
		<a href="{url('video/list','catid='.$videoCatid)}" title="更多" class="more">更多>></a>
	</div>
	<ul class="img-news content fn-clear">
		{loop $autoVideo $info}
		<li>
			<a class="img" href="{url('video/show','itemid='.$info[itemid])}" target="_blank">
				<img src="{Picture::thumb($info[thumb],148,98)}" width="148" height="98" alt="{$info[title]}">
			</a>
			<a class="text-ellipsis" href="{url('video/show','itemid='.$info[itemid])}" target="_blank">
				{$info[title]}
			</a>
		</li>
		{/loop}
	</ul>
</div>
</div>

	<div class="layout-2of2 fn-right">
		<iframe src="{SITE_URL}extend/fragment.php?modules=carhits&psize=10"  scrolling="no" frameborder="0" height="380"></iframe>
		<iframe src="{SITE_URL}extend/fragment.php?modules=sale&psize=10"  scrolling="no" frameborder="0" height="300"></iframe>
		<iframe src="{SITE_URL}extend/fragment.php?modules=new&psize=10"  scrolling="no" frameborder="0" height="300"></iframe>
	</div>
</div>


<script>
	seajs.use(['mod-magic','common'],function(magic){
		//头部图片轮转
		var magic = new magic("#J_Ronate");
		magic.magic();
		magic.preImg();
		magic.nextImg();
		magic.indexImg();
	});
</script>
<!--主体部分 end-->
{template 'footer'}